<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/common/head.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>添加职位</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="${resource }/css/bootstrap-select.css" />
		<link rel="stylesheet" href="${resource }/css/bootstrap.css" />
		<script type="text/javascript" src="${resource }/js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="${resource }/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${resource }/js/bootstrap-select.js"></script>
		<script type="text/javascript">
			$(window).on('load', function() {
				$('.selectpicker').selectpicker({
					'selectedText' : 'cat'
				});
			});
		</script>
	</head>
	<body>
		<div class="row wrapper border-bottom white-bg page-heading">
			<div class="col-sm-4">
				<h2>职位管理</h2>
				<ol class="breadcrumb">
					<li>
						<a href="index.html">主页</a>
					</li>
					<li>
						<a href="PerRole.html">职位列表</a>
					</li>
					<li>
						<strong>添加职位</strong>
					</li>
				</ol>
			</div>
		</div>
		<div class="row wrapper border-bottom white-bg page-heading">
			<div class="col-md-12">
				<!-- 添加用户--bootstrap高级表格使用 -->
				<div class="panel panel-default">
					<div class="panel-heading">
						添加职位
					</div>
					<div class="panel-body">
						<form action="add.do" method="post">
							<div class="form-group">
								<label for="txtAccount">名称</label>
								<input type="text" class="form-control" name="roleName" placeholder="职位名称">
							</div>
							<div class="form-group">
								<label for="txtRole">所属部门</label>
								<select id="txtRole" class="form-control" name="deptId">
									<c:forEach items="${departments }" var="department">
										<option value="${department.id}">${department.deptName }</option>
									</c:forEach>
								</select>
							</div>
							<div class="form-group">
								<label for="txtRole">状态</label>
								<select id="txtRole" class="form-control" name="isStop">
									<option value="1">使用</option>
									<option value="0">禁用</option>
								</select>
							</div>
							<div class="form-group">
								<label for="txtAccount">说明</label>
								<input type="text" class="form-control" name="roleProfile" placeholder="职位说明">
							</div>
							<button id="save" type="submit" class="btn btn-success">保存</button>
							<button id="reset" type="reset" class="btn btn-info">重置</button>
						</form>
					</div>
				</div>
			</div>
			<!--表格结束 -->
		</div>

	</body>
	<script>
		function flow_detail(x) {
			alert(x);
			window.location.href = " ";
		}
	</script>
</html>